// import { createApp } from 'vue'
// //  使用的是webpack require.context(路径【表示公共的组件的目录】,文件深入循环查找【bool】,正则【最终要使用的组件】 )
// const requireComponent = require.context('./', true, /\.vue$/)
// console.log(requireComponent.keys(), 3344222)
// requireComponent.keys().forEach((item) => {
//   // console.log(requireComponent[item], 77)  //  ['./bread.vue', './pubArt.vue', './qq/q.vue']
//   /* 获取的是 每一个组件暴露出来的对象 */
//   const defaultObj = requireComponent(item).default
//   createApp().component(defaultObj.name, defaultObj)
// })

//  方法1：
// import Skeleton from './Skeleton'
// import XtxCarousel from './library/xtx-carousel.vue'
// export default {
//   install (Vue) {
//     Vue.component(Skeleton.name, Skeleton)
//     Vue.component(XtxCarousel.name, XtxCarousel)
//   }
// }

//  批量注册  方法2：
const requireComponent = require.context('./', true, /\.vue$/)
// console.log(requireComponent.keys(), 3344222)

export default {
  install (Vue) {
    requireComponent.keys().forEach((item) => {
      // console.log(requireComponent[item], 77)  //  ['./bread.vue', './pubArt.vue', './qq/q.vue']
      /* 获取的是 每一个组件暴露出来的对象 */
      const defaultObj = requireComponent(item).default
      Vue.component(defaultObj.name, defaultObj)
    })
  }
}
